<template>
  <div>
    <ul>
      <!-- key的作用，可以最大限度的复用dom -->
      <li v-for="(item) in list" :key="item">
      {{ item }}
      </li>
    </ul>
    <button @click="runFn">走一走</button>
  </div>
</template>
<script>
export default {
data(){
  return{
    list:["帅哥","美女","程序员"]
  }
},
methods:{
  runFn(){
      this.list.unshift(this.list[2])
      //splice(index,删除的个数，要添加或者改变的的元素)
      //如果得删除的个数是0，返回的是空数组
      this.list.pop()
  }
}
}
</script>
<style>
</style>